<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>24.filter过滤元素使用</title>
</head>

<body>
  <script>
    let lessons = [
      { title: '媒体查询响应式布局', category: 'css' },
      { title: 'FLEX 弹性盒模型', category: 'css' },
      { title: 'MYSQL多表查询随意操作', category: 'mysql' }
    ];
    // 参数 每个item 元素，索引，原数组
    let cssLessons = lessons.filter(function (item, index, array) {
      if (item.category.toLowerCase() == 'css') {
        //  为 true 会被返回到新数组 ，否则会被过滤掉，
        // 会遍历整个数组，find找到第一个元素后就不再继续找了
        return true;
      }
    });

    console.log(cssLessons); 
  </script>
</body>

</html>